<template>
  <div class="agreement">
    <h1>《大厂车检平台用户使用协议》</h1>
    <h3>一、基本信息</h3>
    <p>1、前述</p>
    <p class="one">
      本三方使用协议（以下简称“本协议”）旨在规范大厂车检平台用户的权利和责任，
      当您在使用大厂车检平台进行预约机动车检测时，请您务必认真阅读本协议，
      需充分理解各条款內容，特别是涉及免除或限制责任条款。
      当您预约或到场下单时，勾选同意本协议即表示您已知悉并同意本协议的全部内容，
      如您不同意本规则中任何条款，应当立即停止使用。
      您必须具备完全行为能力才能使用大厂车检服务，若您不具备上述行为能力
      ，则您本人及您的监护人、代理人应当依法承担因此导致的全部法律责任。
    </p>
    <p>2、基本性质</p>
    <p>
      
      大厂车检预约检车的性质是机动车检测站与车主的信息撮合平台，
      双方本着公平透明、公正有序的态度享受大厂车检预约检车服务，
      降低用户交易成本，提升用户体验，双方的关系是服务与被服务关系。
    </p>
    <p>3、适用主体</p>
    <p>
      1.1平台：指“大厂车检”服务平台（以下简称“平台”），平台包括并不限于官网、
      手机小程序、手机APP、微信公众号、三方网页链接等在内的综合信息平台，
      旨在为用户提供机动车年检预约服务以及其他汽车相关延伸服务；<br>
      1.2车主：即使用大厂车检平台的使用者，这里指车主以及车主授权委托人。
    </p>
    <p>4、适用地区</p>
    <p>中华人民共和国大陆地区，凡是加盟大厂车检平台的地区均属于大厂车检服务范围，均适用大厂车检服务和本协议之责任约束。</p>
    <p>二、免责声明</p>
    <p>1、不可抗力因素</p>
    <p>
      平台在正常的情况下提供应有服务，如遇不可抗力因素导致的服务不及时或者不能提供服务，
      平台不承担责任。不可抗力因素包括并不限于如下情况：地震、火灾、洪水、战争、政府行为、
      司法行政机关命令、罢工、劳动争议、骚乱、电力故障、网络设备故障、信息传输故障、终端硬件故障等等。
    </p>
    <p>2、真实性核实</p>
    <p>
      平台对入驻检测站和车主信息已设置相关审核工作，对大厂车检平台上的图片、
      文字信息准确性进行常规审查，并力求相关信息真实性、准确性和完整性，
      然而无法确保信息百分百无误，请您务必审慎决定，必要时及时沟通平台或另一方，
      确保信息准确，对因此造成的损害，若非平台有意为之概不承担责任。
    </p>
    <p>3、违法违规处理</p>
    <p>对于任何发布违法违规的信息（包括并不限于图片、文字、通讯信息等），
      平台审核无误后，一律予以刪除、屏蔽、限制使用、终止使用等治理措施，
      对于恶劣信息对平台、车主、检测站或其他平台用户造成危害、损害的信息，
      大厂车检依法拥有追究直接经济损失或者间接经济损失（包括并不限于如商誉损失、律师费、诉讼费、和解调解款、
      对外垫付、赔偿款项、差旅费等）的权利。
    </p>
    <p>三、责任约定以及服务规则</p>
    <p>1、平台责任</p>
    <p>
      1.1依法合规经营，配合政府监管。依法按照互联网信息服务管理办法的各项要求规范经营，抵制非法营运行为；<br>
      1.2严格资质审查，防范安全风险。严把检测站入驻、车主入驻，不符合条件的，不予入驻或者准；<br>
      1.3畅通投诉渠道，完善应急机制。家里专业客服团队，完善应急保障体系，高效化解险情；<br>
      1.4不断优化产品，增强防护措施。通过不断优化产品安全防护功能，织密用户出行保障网；<br>
      1.5强化技术保障，去报信息安全。从技术上规避重大网络攻击、病毒爆发、用户信息泄露等信息安全事件；<br>
      1.6落实治安责任，维护公共安全。配合公安机关对利用大厂车检平台从事违法犯罪活动的行为进行有效打击；<br>
      1.7弘扬核心价值，倡导文明检车。利用平台多种渠道，传播社会主义核心价值观和构建和谐“车主-检测站”关系、省心省事省时的文明理念；<br>
      1.8创造良好的检车预约环境，制定检车预约行为责任约定及规则并予以实施，监督规范“车主检测站”的预约检车行为。<br>
    </p>
    <p>2、车主责任</p>
    <p>
      2.1车主通过微信公众号，线上方式可添加车辆、选择预约时间，添加车辆证件和联系方式务必真实有效，若预约信息与真实情况不符，由此造成损失由车主承担；<br>
      2.2车辆信息可修改、添加、删除等操作，线上预约车辆须与实际到站车辆一致，若与实际不一致，检测站有权根据实际车辆进行收费，平台以预约信息为准，由此造成损失由车主承担；<br>
      2.3车主在支付订单前必须勾选同意本协议，若不勾选则不能提交订单进行支付；<br>
      2.4车主前往检测站时，须确保所有违章已被处理，且携带驾驶证原件正副本、交强险副本含税、三脚架、灭火器，因为资料或物品未配齐造成本次未检车，下次仍可前往，但平台仅予以提醒，不承担相应责任；<br>
      2.5车主对于未到站的订单取消，可以申请退款，具体退款时间请与检测站联系；<br>
      2.6车主到站并已上线检测车辆，因后续检测环节未能通过检测，申请退款只退未检验的项目；<br>
      2.7车主在检车过程中车辆无不正当操作情况下，出现机械故障、自然、飞石等不可预测的非人为因素而造成车辆损坏，由车主承担；<br>
      2.8车主不得影响平台的正常运行，不得进行危害平台服务或影响平台数据的行为；<br>
      2.9车主同意平台向其发送商业性短信息，用以通知、提醒、确认平台使用的相关内容及优惠信息等。<br>
    </p>
    <p>四、服务行为规范</p>
    <p>1、诚信</p>
    <p>
      1.1“车主-检测站”双方需要履行预定（包括并不限于时间、车辆、人员、声明、地点等），如遇特殊情况无法履约，须提前告知对方，并承担相应责任；<br>
      1.2平台严禁虚假刷单、信用卡套现等舞弊行为，并通过技术监督用户行为，对于舞弊用户，平台有权釆取相应处罚并追究其法律责任；<br>
      1.3平台严厉打击诱导取消、线下交易、诈骗等违规或违法行为，因线下交易导致的纠纷或损失，平台不承担责任。<br>
    </p>
    <p>2、文明</p>
    <p>
      平台倡导礼貌用语、合理称谓、恰当聊天（请避免设计隐私话题，并尊重对方不善沟通或选择安静检车的习惯）。
      禁止“车主-检测站”在检车过程中使用粗俗、色情、歧视性言语、以及喧哗、衣着暴露、过分亲昵等不文明行为。
    </p>
    <p>3、友善</p>
    <p>车主-检测站”在预约检车过程中，应互相尊重、互相理解。对于检车站的热情，提倡车主应表示感谢，
      对于预约和检车过程中的纠纷，提倡双方相互理解、相互包容并友好协商解决。
    </p>
    <p>4、和谐</p>
    <p>
      平台创立初衷就是为了方便车主提前预约检车，避免高峰期排队、低峰期歇业白跑等情况，
      平台倡导互助共享、合作互惠、和谐共赢的预约机制，通过大家的共同努力，标准化服务车友、规范化管理检测站，创建和谐社会。
    </p>
    <p>
      五、解释说明
    </p>
    <p>
      1、使用大厂车检服务的各方须严格遵守本公约的约定，如用户继续使用大厂车检提供的服务，表示同意并接受本公约的约束；<br>
      2、大厂车检服务有权保留更改、暂停或中断服务（包括但不限于，任何功能、数据库或内容的可用性）的权利。当平台认为您有滥用应用程序或服务的情形时，平台有权不进行通知，随时终止合约并立即生效。<br>
      3、本公约自2020年5月1日开始试行，欢迎广大用户和社会各界认识提出宝贵建议和意见，请拨打大厂车检平台客服电话0316-8961818（免长途费或发送建议内容至邮箱hbjywl@126.com向我们反馈；<br>
      4、大厂车检平台有权根据用户反馈、政策调整、业务升级等原因更新本公约之条款，本公约最终解释权归大厂车检所有；<br>
      5、大厂车检在线年检平台，保留在任何时候修改本服务协议条款的权利，且无需另行通知，用户在使用服务时应关注并遵守。当发生有关争议时，以最新的服务协议为准。<br>
    </p>
    <p>六、法律适用与管辖</p>
    <p>
      1、本协议之效力、解释、变更、执行与争议解决均适用中华人民共和国法律。本协议产生之争议，均应依照中华人民共和国法律予以处理，并由被告住所地人民法院管辖；<br>
      2、因适用平台服务产生争议，应友好协商处理；若协商不成，应以平台所在地人民法院为管辖法院申请诉讼处理；<br>
      3、本规则任意条款被废止或被视为无效的，不影响本规则其余条款的有效性。<br>
      4、大厂回族自治县全顺机动车检测有限公司，享有对本平台及相关软件的发表权、署名权、著作权、修改权、复制权、发行权，其他任何机构、公司及个人严禁未经本平台许可而擅自复制、销售及一切用于商业用途的行为，如发现，本平台将追究其法律责任。<br>
    </p>
    <p>七、收费标准</p>
    <table width='100%' border="1" style="text-align: center;">
      <tr>
        <td>序号</td>
        <td>车辆类型</td>
        <td>车身长度<br>（单位：米）</td>
        <td>总费用<br>（单位：元）</td>
        <td>人工外检</td>
        <td>环检</td>
        <td>安检</td>
      </tr>
      <tr>
        <td>1</td>
        <td>小型客车</td>
        <td>/</td>
        <td>330</td>
        <td>130</td>
        <td>100</td>
        <td>100</td>
      </tr>
      <tr>
        <td>2</td>
        <td>轻型普通货车<br>（含低速车）</td>
        <td>≤6</td>
        <td>450</td>
        <td>200</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td rowspan="2">3</td>
        <td rowspan="2">中、重型普<br>通货车</td>
        <td>≤8</td>
        <td>550</td>
        <td>300</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>≥8</td>
        <td>650</td>
        <td>400</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>4</td>
        <td>半挂牵引车</td>
        <td>/</td>
        <td>450</td>
        <td>200</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>5</td>
        <td>挂车</td>
        <td>/</td>
        <td>500</td>
        <td>400</td>
        <td>/</td>
        <td>100</td>
      </tr>
      <tr>
        <td rowspan="2">6</td>
        <td rowspan="2">专项作业车</td>
        <td>≤8</td>
        <td>500</td>
        <td>250</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>≥8</td>
        <td>600</td>
        <td>350</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>7</td>
        <td>危险货物运<br>输车</td>
        <td>/</td>
        <td>1000</td>
        <td>750</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>8</td>
        <td>大型客车</td>
        <td>/</td>
        <td>600</td>
        <td>350</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>9</td>
        <td>轻型厢式货车</td>
        <td>≤6</td>
        <td>400</td>
        <td>150</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>10</td>
        <td>中、重型厢式货车</td>
        <td>≥6</td>
        <td>600</td>
        <td>350</td>
        <td>150</td>
        <td>100</td>
      </tr>
      <tr>
        <td>11</td>
        <td>摩托车</td>
        <td>/</td>
        <td>160</td>
        <td>50</td>
        <td>/</td>
        <td>110</td>
      </tr>
      <tr>
        <td>12</td>
        <td>综检<br>（等级评定）</td>
        <td colspan="2">货车  400</td>
        <td colspan="3">客车  300</td>
      </tr>
    </table>
    <button class="btn" @click="agreedClick">我已阅读并同意</button>
  </div>
</template>

<script>
export default {
  name: 'Agreement',
  data() {
    return {
      carInfo: [],
      editState: null,
      agreementChecked:false,
      type:null,
    }
  },
  created() {
    console.log(this.$route.params.carInfo)
    if (this.$route.params.carInfo) {
      if (this.$route.params.type) {
        this.type = this.$route.params.type
      }
      this.carInfo = this.$route.params.carInfo
      this.editState = this.$route.params.editState
      this.agreementChecked = this.$route.params.agreementChecked
    } else {
      this.$router.go(-1)
    }
  },
  methods: {
    agreedClick() {
      // this.$emit('agreedClick')
      this.agreementChecked = true
      if(this.type == 'inspectionFree'){
        this.$router.push({
          name: 'inspectionFree',
          params: {
            name: 'agreement',
            carInfo: this.carInfo,
            agreementChecked: this.agreementChecked
          }
        })
      }else if(this.type == 'truck'){
        this.$router.push({
          name: 'truck',
          params: {
            name: 'agreement',
            carInfo: this.carInfo,
            agreementChecked: this.agreementChecked
          }
        })
      }else{
        this.$router.push({
          name: 'vehicleDetails',
          params: {
            name: 'agreement',
            carInfo: this.carInfo,
            editState: this.editState,
            agreementChecked: this.agreementChecked
          }
        })
      }
      
    }
  }
}
</script>

<style lang="less" scoped>

.agreement {
  background-color: #f5f6f5;
  padding: 0.2rem 0.2rem 0.667rem;
  width: 100%;
  height: 100%;
  // position: absolute;
  // top: 0;
  // left: 0;
  // right: 0;
  // bottom: 0;
  z-index: 99999;
  overflow: scroll;
  h1 {
    margin: auto;
    text-align: center;
    font-size: 0.453rem;
    margin: 30px auto;
  }
  h3{
    margin: 15px auto;
  }
  h3,
  p {
    font-size: 0.4rem;
    line-height: 0.533rem;
    letter-spacing: 0.027rem;
  }
  .one {
    text-indent: 1.013rem;
  }
  p {
    margin-bottom: 0.6rem;
  }
  button {
    width: 90%;
    height: 1.28rem;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 1.267rem;
    font-size: 0.653rem;
    background-color: #27b5a7;
    color: #fff;
    border-radius: 0.16rem;
    border: 0;
  }
  table{
    margin: 20px auto;
    td{
      padding: 4px;
    }
  }
}
</style>>

